<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<title>研学管理平台</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="tool/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="tool/layui/layui.js"></script>
</head>

<body>
	<!-- 顶部开始 -->
	<div class="admin-header">
		<div class="logo">
			<a target="appiframe" href="DE_gettingaround_declare_administration.html">河南省研学实践综合管理平台</a>
		</div>
		<ul class="layui-nav layui-layout-right" style="background-color:white;">
			<li class="layui-nav-item" >
				<a href="javascript:void(0);" style="color: #000000;">新消息<span class="layui-badge">9</span></a>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:void(0);" style="color: #000000;">欢迎您，abc123321jinx</a>
			</li>
			<li class="layui-nav-item"><a href="" style="color: #000000;">退出</a></li>
		</ul>
	</div>
	<!-- 顶部结束 -->
	<!-- 中部开始 -->
	<h3 class="login_name"><b>河南省教育厅</b></h3>
	<!-- 左侧菜单开始 -->
	<div class="left-nav">
		
		<div id="side-nav">
			<ul class="nav" id="nav">
				<li id="menu1"><a _href=""><i class="layui-icon layui-icon-add-circle"></i><cite>研学计划管理</cite><i class="layui-icon nav_right"></i></a>
					<ul class="sub-menu">
						<li id="menu2"><a _href="DE_gettingaround_declare_administration.html"></i><cite>出行管理</cite></a></li>
						<li id="menu2"><a _href=""></i><cite>研学分析统计</cite><i class="layui-icon nav_right"></i></a>
							<ul class="sub-menu">
								<li id="menu2"><a _href="DE_studies_plan_analyze_education.html"></i><cite>教体局</cite></a></li>
								<li id="menu2"><a _href="DE_studies_plan_analyze_base.html"></i><cite>基地</cite></a></li>
							</ul>
						</li>
						<li id="menu2"><a _href="DE_studies_achievement_search.html"></i><cite>研学成果管理</cite></a></li>
					</ul>
				</li>
				<li id="menu1"><a _href=""><i class="layui-icon layui-icon-face-smile-fine"></i><cite>内容发布</cite><i class="layui-icon nav_right"></i></a>
					<ul class="sub-menu">
						<li id="menu2"><a _href="DE_inform_information.html"></i><cite>资讯管理</cite></a></li>
						<li id="menu2"><a _href="DE_inform_announcement.html"></i><cite>通知公告</cite></a></li>
					</ul>
				</li>
				<li id="menu1"><a _href=""><i class="layui-icon layui-icon-set"></i><cite>账户设置</cite><i class="layui-icon nav_right"></i></a>
					<ul class="sub-menu">
						<li id="menu2"><a _href="DE_account_pwd.html"></i><cite>修改密码</cite></a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<!-- 左侧菜单结束 -->
	<!-- 右侧主体开始 -->
	<div class="page-content">
		<iframe src='DE_gettingaround_declare_administration.html' frameborder="0" scrolling="yes" allowtransparency="true" id="appiframe" name="appiframe"></iframe>
	</div>
	<!-- 右侧主体结束 -->
	<!-- 中部结束 -->
	<script type="text/javascript">
		/*
		 * @todo 左侧菜单事件
		 * 如果有子级就展开，没有就打开frame
		 */
		$('body').on('click', '.left-nav #nav li', function(event) {
			if($(this).children('.sub-menu').length) {
				if($(this).hasClass('open')) {
					$(this).removeClass('open');
					$(this).find('.nav_right').removeClass('layui-icon-down');
					$(this).find('.nav_right').addClass('layui-icon-up');
					$(this).children('.sub-menu').stop().slideUp();
					$(this).siblings().children('.sub-menu').slideUp();
				} else {
					$(this).addClass('open');
					$(this).children('a').find('.nav_right').removeClass('layui-icon-up');
					$(this).children('a').find('.nav_right').addClass('layui-icon-down');
					$(this).children('.sub-menu').stop().slideDown();
					$(this).siblings().children('.sub-menu').stop().slideUp();
					$(this).siblings().find('.nav_right').removeClass('layui-icon-down');
					$(this).siblings().find('.nav_right').addClass('layui-icon-up');
					$(this).siblings().removeClass('open');
				}
			} else {
				var url = $(this).children('a').attr('_href');
				var title = $(this).find('cite').html();
				var index = $('.left-nav #nav li').index($(this));

				$('#appiframe').attr('src', url);
			}
			event.stopPropagation(); //不触发任何前辈元素上的事件处理函数
		});
		
		//左侧菜单事件右侧图标初始化
		$(document).ready(function(){
			$('.nav_right').removeClass('layui-icon-up');
			$('.nav_right').removeClass('layui-icon-down');
			$('.nav_right').addClass('layui-icon-up');
			$('li.open > .nav_right').removeClass('layui-icon-up');
			$('li.open > .nav_right').addClass('layui-icon-down');
			$('li.open > .sub-menu').show();
		});
	</script>
	<script>
		layui.use('element', function () {
			var layer = layui.layer;
			var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		});
	</script>
</body>

</html>